﻿.apb-content {height:630px;overflow:auto}
.apb-content .hvr-reveal:before {border-color:#bbbaba}
.apb-detail {max-height:680px;overflow:auto}
.apb-katakana,.apb-practive {display:none}
.apb-box {padding:8px}
.apb-item {text-align:center;cursor:pointer;overflow:hidden}
.apb-jp {font-size:30px;color:#009688}
.apb-vn,.apb-trans {font-size:18px}
.apb-speak-five-btn {text-align:center;padding:9px 0;font-size:18px;cursor:pointer}
.apb-delete-five-btn,.apb-cancel-five-btn {text-align:center;padding:22px 0;font-size:18px;cursor:pointer}
.add-apb-review-btn {cursor:pointer;padding:2px}
.apb-img {width:100%;margin:0}
.apb-tutorial {color:#bbbaba;min-height:150px}
.add-apb-tutorial {cursor:pointer;padding: 12px;text-align:center;display:block;border:1px solid #bbbaba;color:#bbbaba}
.add-apb-tutorial:hover {border-color:#009688}
.apb-writing-preview {display:none;width:100%;height:250px}
.apb-writing-preview svg {width:100%;height:100%}
.apb-speak-btn {color:#bbbaba;transition:all 0.5s}
.apb-speakable-btn {color:#009688;cursor:pointer}
.apb-practive-btn {padding: 10% 20%;font-size:20px}
.add-apb-item-btn {padding: 20px 0;font-size:20px;cursor:pointer}
.apb-not-speak-five-btn {text-align:center;padding:9px 0;font-size:18px;color:#bbbaba}
.apb-not-speak-five-btn:hover {color:#bbbaba;cursor:no-drop}
.apb-audio-text,.apb-trans-text {border:none;background:#dddddd;padding:2px 4px;outline-color:#009688}
.add-apb-speak-five {display:none}
.add-apb-item-form,.edit-apb-item-form{display:none}
.delete-apb-five-modal {width:40%}
.apb-practive-left {height:100%;border-right:1px solid #009688}
.apb-select {border:none;padding:5px;cursor:pointer}
.apb-question-list {max-height:500px;overflow:auto}
.apb-question-list li {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
.apb-question-list li:hover {background:#009688;color:white}